<h4>BlueTrip CSS Base</h4>
<p>JPolite 2 is based on <a href="http://bluetrip.org/">BlueTrip CSS framework</a> that 4 CSS files are used:</p>
<ul>
	<li><b>screen.css</b> - BlueTrip's screen stylesheets.</li>
	<li><b>print.css</b> - BlueTrip's print stylesheets.</li>
	<li><b>ie.css</b> - BlueTrip's IE hacks.</li>
	<li><b>styles.css</b> - JPolite2's native stylesheets</li>
</ul>

<p>It is recommended that you keep YOUR styles separate from BlueTrip's during development phase, to make it easier
for management. And you'd combine and compress CSS files to save server bandwidth on production systems.</p>

<h4>Themes</h4>
<p>Three sample themes named "modern", "silver" and "classic" are included. You can tryout a live transition below:</p>
<button onclick="switchTheme('modern')">Modern</button>
<button onclick="switchTheme('silver')">Silver</button>
<button onclick="switchTheme('classic')">Classic</button>
<p class="clear">For now I have not yet defined a <b>JPolite CSS Framework</b> with clear cut between structural and themeable
(e.g., color, font) styles. Nonetheless, I'm trying on a <a href="http://lesscss.org">LESS</a> file which shall make it easy
to build custom CSS themes, with reference to the <a href="http://jqueryui.com/docs/Theming/API">jQuery UI CSS Framework</a>.</p>